//首页的渲染
let JSONF = [
    {
        title:"1F"
    },
    {
        title:"2F"
    },
    {
        title:"3F"
    },
    {
        title:"4F"
    },
    {
        title:"5F"
    },
    {
        title:"6F"
    },
    {
        title:"7F"
    },
    {
        title:"8F"
    },
    {
        title:"9F"
    },
    {
        title:"10F"
    },
    {
        title:"11F"
    },
    {
        title:"12F"
    },
    {
        title:"13F"
    },
    {
        title:"14F"
    },
    {
        title:"15F"
    },
]
let str = "";
for(var i = 0;i<JSONF.length;i++){
    str += `
    <div class="theme_box">
    <a id="f1" class="name_a"></a>
    <div class="theme_title floorOne"><span class="t">${JSONF[i].title}</span><a href="https://cn.china.cn/jichuang/" target="_blank" data-scode="52501">机床</a>/<a href="https://cn.china.cn/jixie/" target="_blank" data-scode="52501">机械及行业设备</a></div>
    <div class="theme_txt">
        <div class="theme_left">
            <a href="https://www.china.cn/search/3k.shtml" target="_blank" data-scode="52502">
                <i><img src="https://himg.china.cn/0/3_886_106994_200_181.jpg" alt="数控机床"></i>
                <div class="txtbott">
                    <p class="t">数控机床</p>
                    <p class="tt">自动化，精准、高效</p>
                    <p class="a">查看详情</p>
                </div>
            <div class="line"></div></a>
        </div>
        <div class="theme_middle">
            <ul class="theme_middle_l">
               <li>
                    <p class="t"><a href="https://cn.china.cn/jichuang/" target="_blank" data-scode="52503">机床</a>/<a href="https://www.china.cn/search/3m.shtml" target="_blank" data-scode="52503">机床附件</a></p>
                    <div class="txtbott">
                        <p><a href="https://www.china.cn/search/9t.shtml" target="_blank" data-scode="52503">车床</a></p>
                        <p><a href="https://www.china.cn/search/3v.shtml" target="_blank" data-scode="52503">吸盘</a></p>
                        <p><a href="https://www.china.cn/search/3k.shtml" target="_blank" data-scode="52503">数控机床</a></p>
                        <p><a href="https://www.china.cn/search/3d.shtml" target="_blank" data-scode="52503">机床护罩</a></p>
                        <p><a href="https://www.china.cn/search/uv.shtml" target="_blank" data-scode="52503">锻压机床</a></p>
                        <p><a href="https://www.china.cn/search/fv.shtml" target="_blank" data-scode="52503">通用配件</a></p>
                    </div>
                </li>
                <li>
                    <p class="t"><a href="https://cn.china.cn/jixie/" target="_blank" data-scode="52503">通用机械</a></p>
                    <div class="txtbott">
                        <p><a href="//famen.china.cn/" target="_blank" data-scode="52503">阀门</a></p>
                        <p><a href="https://www.china.cn/search/r9.shtml" target="_blank" data-scode="52503">轴承</a></p> 
                        <p><a href="https://www.china.cn/search/3i.shtml" target="_blank" data-scode="52503">传动件</a></p> 
                        <p><a href="https://www.china.cn/search/3x.shtml" target="_blank" data-scode="52503">紧固件</a></p>
                        <p><a href="https://www.china.cn/search/ud.shtml" target="_blank" data-scode="52503">密封件</a></p> 
                        <p><a href="https://www.china.cn/search/gj.shtml" target="_blank" data-scode="52503">输送设备</a></p>
                    </div>
                </li>
                <li>
                    <p class="t"><a href="https://www.china.cn/search/9i.shtml" target="_blank" data-scode="52503">食品、饮料加工设备</a></p>
                    <div class="txtbott">
                        <p><a href="https://www.china.cn/search/09.shtml" target="_blank" data-scode="52503">炊事设备</a></p>
                        <p><a href="https://www.china.cn/search/frik.shtml" target="_blank" data-scode="52503">米面设备</a> </p>
                        <p><a href="https://www.china.cn/search/99.shtml" target="_blank" data-scode="52503">食品烘焙设备</a></p>
                        <p><a href="https://www.china.cn/search/59.shtml" target="_blank" data-scode="52503">保鲜冷藏设备</a></p>
                        <p><a href="https://www.china.cn/search/po.shtml" target="_blank" data-scode="52503">果蔬加工设备</a></p>
                        <p><a href="https://www.china.cn/search/89.shtml" target="_blank" data-scode="52503">饮料生产设备</a></p>
                    </div>
                </li>
                <li>
                    <p class="t"><a href="https://www.china.cn/search/zj.shtml" target="_blank" data-scode="52503">工控系统及装备</a></p>
                    <div class="txtbott">
                        <p><a href="https://www.china.cn/search/cv.shtml" target="_blank" data-scode="52503">PLC</a></p> 
                        <p><a href="https://www.china.cn/search/4j.shtml" target="_blank" data-scode="52503">变频器</a> </p>
                        <p><a href="https://www.china.cn/search/rh.shtml" target="_blank" data-scode="52503">人机界面</a></p> 
                        <p><a href="https://www.china.cn/search/49.shtml" target="_blank" data-scode="52503">触控产品</a> </p>
                        <p><a href="https://www.china.cn/search/z3.shtml" target="_blank" data-scode="52503">工业计时器</a> </p>
                        <p><a href="https://www.china.cn/search/zr.shtml" target="_blank" data-scode="52503">温度控制器</a></p>
                    </div>
                </li>
            </ul>
            <dl class="theme_middle_r">
                <dt>品牌专区</dt>
                    <dd>
                        <a href="https://dingxinyongtai.cn.china.cn/" class="img" target="_blank" data-scode="52504"><img src="//himg.china.cn/0/5_135_1502764_200_200.jpg" alt="北京鼎鑫永泰科技有限公司"></a>
                        <p><a href="https://dingxinyongtai.cn.china.cn/" target="_blank" data-scode="52504">北京鼎鑫永泰科技有限公司</a></p>
                        <div class="txt"><span class="t">主营产品：</span>液压系统、控制系统、制动系统</div>
                    </dd>
                    <dd>
                        <a href="https://251040014.cn.china.cn/" class="img" target="_blank" data-scode="52504"><img src="//himg.china.cn/0/5_363_1501080_95_95.jpg" alt="山东沃玛数控机床有限公司"></a>
                        <p><a href="https://251040014.cn.china.cn/" target="_blank" data-scode="52504">山东沃玛数控机床有限公司</a></p>
                        <div class="txt"><span class="t">主营产品：</span>摇臂钻床、数控车床、炮塔铣床</div>
                    </dd>
            </dl>
        </div>
        <div class="theme_right">
        <a href="https://www.china.cn/qtkuangshanshigongshebjpj/4349197946.html" target="_blank" data-scode="52505" title="煤矿防水防火，密闭">
            <div class="txt1">
                <p class="t">防水密闭门</p>
                <p class="tt">煤矿防水防火，密闭</p>
                <p class="img"><img src="https://himg.china.cn/0/5_306_1551024_200_200.jpg" alt="防水密闭门"></p>
            </div>
        </a>
        <a href="https://www.china.cn/search/ud.shtml" target="_blank" data-scode="52505" title="密封升级，耐用持久">
            <div class="txt2">
                <p class="t">优质密封件</p>
                <p class="tt">密封升级，耐用持久</p>
                <p class="img"><img src="//himg.china.cn/0/4_990_1013237_220_120.jpg" alt="优质密封件"></p>
            </div>
        </a>
        <a href="https://www.china.cn/search/zr.shtml" target="_blank" data-scode="52505" title="智能调节，灵敏">
            <div class="txt3">
                <p class="t">温度控制器</p>
                <p class="tt">智能调节，灵敏</p>
                <p class="img"><img src="//himg.china.cn/0/4_105_1014837_105_70.jpg" alt="温度控制器"></p>
            </div>
        </a>
        </div>
    </div>
</div>`
}
$(".main").html(str);



